<div class="message-left-column">
  <div class="select-checkbox" id="conversation-checkbox-{{id}}">
  </div>
  <a href="#"
      class="read-state {{read}}"
      role="checkbox"
      title="Mark as (un)read">
  </a>
</div>

<div class="message-middle-column">
  <div class="date">{{date}}</div>
  <h2 class="author">{{participants}}</h2>
  <h3 class="subject">{{subject}}</h3>
  <div class="summary">{{summary}}</div>
</div>

<div class="message-right-column">
  <span class="message-count label">
    {{message_count}}
    <span class="screenreader-only">{{#t}}Total messages{{/t}}</span>
  </span>
</div>

<a href="#" class="open-message" role="button">
  {{#t}}Open Message{{/t}}
</a>
